.top {
	display: block
}

.wrap {
	position: relative;
	overflow: hidden;
	padding-right: 0;
	background-color: #f4f4f5
}

.intro-goto {
	position: absolute;
	left: 0;
	top: 0
}

.intro-line {
	position: relative;
	margin-top: 12px;
	padding: 0 12px 0 84px
}

.intro-line h3 {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	font-size: 14px;
	font-weight: 400;
	text-align: right
}

.intro-table {
	margin-top: 20px;
	background-color: #fff
}

.intro-table td,
.intro-table th {
	padding: 6px 0;
	border: 1px solid #ddd;
	line-height: 20px
}

.intro-table th {
	color: #898989;
	font-weight: 400
}

.intro-table td {
	text-align: center
}

.it-col1 {
	width: 20%
}

.it-col2 {
	width: 60%
}

.it-col3 {
	width: 20%
}

.it-info-title {
	font-size: 12px;
	font-weight: 400
}

.it-compare {
	position: relative;
	padding: 0 6px
}

.itc-line {
	position: relative;
	padding-left: 30px;
	text-align: left
}

.itc-caption {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	line-height: 26px
}

.it-ball-line {
	padding: 3px 0
}

.it-ball {
	line-height: 14px
}

.it-compare-number .it-ball {
	line-height: 18px
}

.itc-line .it-ball {
	padding: 6px 0
}

.it-compare-number .itc-line .it-ball {
	padding: 4px 0
}

.it-ball b {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 2px;
	background-color: #f24f4f;
	vertical-align: top;
	-webkit-border-radius: 7px;
	border-radius: 7px
}

.it-compare-number .it-ball b {
	width: 18px;
	height: 18px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	-webkit-border-radius: 9px;
	border-radius: 9px
}

.it-ball .it-ball-blue {
	background-color: #3f8af0
}

.it-ball .it-ball-gray {
	background-color: #ddd
}

.it-ball .it-ball-repeat {
	background-color: #8fc31f
}

.it-compare .it-ball .it-ball-none {
	background-color: transparent
}

.it-arrow {
	position: absolute;
	left: 6px;
	top: 23px;
	padding-left: 30px;
	line-height: 6px
}

.it-arrow span {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 6px;
	background: url(../images/it-arrow.png);
	background-size: 100%;
	vertical-align: top
}

.it-compare-number .it-arrow span {
	margin: 0 8px
}

.it-arrow .it-arrow-none {
	background: 0 0
}

.it-rect {
	position: absolute;
	height: 50px;
	border: 1px solid #f24f4f;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.it-rect115-z2 {
	top: 0;
	left: 35px;
	width: 44px
}

.it-rect115-z3 {
	top: 0;
	left: 35px;
	width: 66px
}

.it-rect018-3pc3,
.it-rect018-3pc6 {
	top: 0;
	left: 79px;
	width: 66px
}

.it-rect018-2pc {
	top: 0;
	left: 101px;
	width: 44px
}

.it-rectklsf-g2 {
	top: 0;
	left: 71px;
	width: 36px;
	height: 24px
}

.it-rectklsf-z2 {
	top: 0;
	left: 89px;
	width: 36px;
	height: 24px
}

.it-rectklsf-g3 {
	top: 0;
	left: 35px;
	width: 54px
}

.it-rect3d-g3,
.it-rect3d-g6 {
	top: 0;
	left: 35px;
	width: 66px
}

.it-tip {
	margin-top: 2px;
	padding: 0 6px;
	color: #898989;
	font-size: 12px;
	text-align: left;
	line-height: 21px
}

.it-state {
	padding: 0 6px;
	font-size: 12px;
	text-align: left;
	line-height: 24px
}

.it-dice {
	display: inline-block;
	height: 18px;
	margin-right: 5px;
	padding: 0 6px;
	background-color: #f24f4f;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.it-example {
	position: relative;
	top: 6px
}

.it-example li {
	border-top: 1px solid #ddd;
	font-size: 12px;
	line-height: 24px
}

.ite-col1,
.ite-col2 {
	float: left
}

.ite-col1 {
	width: 67%;
	margin-right: -1px;
	border-right: 1px solid #ddd
}

.ite-col2 {
	width: 33%
}

.ite-col1 b {
	margin: 0 4px
}

.intro-state {
	margin-top: 20px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background-color: #fff
}

.intro-state h3 {
	height: 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 30px
}

.is-con {
	border-bottom: 1px solid #ddd
}

.is-list li {
	padding: 20px 0;
	border-bottom: 1px solid #ddd
}

.is-list li img {
	width: 100%
}

.is-tip {
	padding: 20px 12px
}

.em .normal {
	color: #404141
}

@media (max-width:640px) {
	.intro-table {
		margin-right: -1px;
		margin-left: -1px
	}
	.intro-state {
		margin-top: 10px;
		border-right: none;
		border-left: none
	}
}

* {
	margin: 0;
	padding: 0
}

a {
	color: #404141;
	text-decoration: none;
	outline: 0
}

a img {
	border: none
}

ol,
ul {
	list-style: none
}

b {
	font-weight: 400
}

table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align: middle
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

button,
input,
select,
textarea {
	color: #404141;
	font: 14px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;
	vertical-align: middle
}

select {
	height: 30px;
	border: 1px solid #dadada;
	line-height: 30px
}

button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=rest],
input[type=submit],
select {
	cursor: pointer
}

button,
input[type=button],
input[type=number],
input[type=password],
input[type=rest],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none
}

body {
	background: #f4f4f5;
	color: #404141;
	font: 14px/1.5 '\5FAE\8F6F\96C5\9ED1', Arial, Helvetica, sans-serif;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-text-size-adjust: none
}

#index {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.qcfd:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	content: ' '
}

.qcfd {
	zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.hide {
	display: none
}

.link {
	color: #3f8af0
}

.em {
	color: #f24f4f
}

.em2 {
	color: #0ec52d
}

.em3 {
	color: #fffbb7
}

.minor {
	color: #898989
}

.fine {
	font-size: 12px
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tal {
	text-align: left
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.static {
	position: static
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

input.txt {
	height: 30px;
	border: 1px solid #dadada;
	background-color: #fff;
	line-height: 30px
}

.btn,
input.btn {
	height: 34px;
	border: none;
	background-color: #e5233f;
	color: #fff;
	text-align: center;
	line-height: 34px;
	cursor: pointer
}

.btn2,
input.btn2 {
	height: 32px;
	border: 1px solid #dadada;
	line-height: 32px;
	cursor: pointer;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f5));
	background: -webkit-linear-gradient(top, #fff, #f4f4f5);
	background: -moz-linear-gradient(top, #fff, #f4f4f5);
	background: -ms-linear-gradient(top, #fff, #f4f4f5);
	background: -o-linear-gradient(top, #fff, #f4f4f5);
	background: linear-gradient(top, #fff, #f4f4f5)
}

.cancel,
input.cancel {
	height: 32px;
	color: #404141;
	text-align: center;
	line-height: 32px;
	cursor: pointer
}

.btn-cannot {
	cursor: default;
	background-color: #d5d5d5;
	color: #fff
}

.ta {
	border: 1px solid #dadada;
	background-color: #fff;
	line-height: 24px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.checkbox {
	width: 14px;
	height: 14px;
	border: 1px solid #636363;
	background: #e5e5e5 url(../images/checkbox.png) no-repeat 0 -12px;
	background-size: 12px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none
}

.checkbox:checked {
	border-color: #f24f4f;
	background-position: 0 0
}

.nojs {
	padding: 20px 20px 0
}

.area-list a,
.ia,
.icon-arrow a,
.list-nolink {
	padding: 0 24px 0 12px;
	background: url(../images/icon-arrow.png) no-repeat 100% 50%;
	background-size: 24px 12px
}

.account-icon,
.header-recharge,
.header-user,
.startlotto-bg p b {
	background: url(../images/icon-index.png?v=20160407) no-repeat;
	background-size: 73px 146px
}

.back,
.top-home,
.top-refresh {
	background: url(../images/icon-top.png?v=20140808) no-repeat;
	background-size: 48px 144px
}

.bet-cell b,
.bet-del,
.bet-fold,
.bet-random,
.confirm-del,
.pl-arrow i,
.rball b,
.rd-title,
.rl-ball b,
.top h1 span,
.tr-setting {
	background: url(../images/icon-bet.png?v=20170427) no-repeat;
	background-size: 36px 574px
}

.loading {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -15px;
	text-align: center;
	line-height: 30px
}

.loading-pic {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: 2px;
	vertical-align: top
}

.loading-logo {
	display: inline-block;
	width: 70px;
	height: 30px;
	margin-left: 10px;
	background: url(../images/loading-logo.png?v=20140612) no-repeat;
	background-size: 70px 30px
}

@-webkit-keyframes la {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes la {
	0% {
		-moz-transform: rotate(0deg)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}

@keyframes la {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

#index #header {
	background-color: #fff
}

.header {
	position: relative;
	max-width: 960px;
	height: 86px;
	margin: 0 auto
}

#confirm .header {
	display: none
}

.logo {
	position: absolute;
	left: 32px;
	top: 18px;
	z-index: 1;
	width: 152px;
	height: 52px;
	padding-right: 86px;
	background: url(../images/logo.png?v=20160812) no-repeat;
	background-size: 152px 52px
}

.logo-o2o {
	position: absolute;
	right: 0;
	top: 6px;
	width: 84px;
	height: 26px;
	background: url(../images/logo-o2o.png?v=20161205) no-repeat;
	background-size: 84px 26px
}

.logo-attach {
	width: 118px;
	position: absolute;
	top: -9px;
	left: 0;
	background-color: #f4f4f5
}

.service {
	position: absolute;
	right: 20px;
	top: 22px
}

.service dl {
	float: left;
	margin-right: 22px
}

.service dt {
	color: #898989;
	font-size: 12px;
	line-height: 14px
}

.service dd {
	font-size: 24px;
	line-height: 28px
}

.service div {
	float: left;
	padding-top: 14px
}

.service a {
	color: #3f8af0
}

.service div a {
	display: block;
	width: 74px;
	height: 26px;
	border: 1px solid #dadada;
	text-align: center;
	line-height: 26px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e5e5e5));
	background: -webkit-linear-gradient(top, #fff, #e5e5e5);
	background: -moz-linear-gradient(top, #fff, #e5e5e5);
	background: -ms-linear-gradient(top, #fff, #e5e5e5);
	background: -o-linear-gradient(top, #fff, #e5e5e5);
	background: linear-gradient(top, #fff, #e5e5e5)
}

.header-r {
	position: absolute;
	right: 0;
	top: 12px
}

.header-r a {
	float: left;
	height: 30px;
	margin-right: 12px;
	line-height: 30px
}

.header-recharge,
.header-user {
	padding-left: 25px
}

.header-user {
	background-position: 0 0
}

.header-recharge {
	background-position: 0 -30px
}

.recharge-gift {
	position: absolute;
	top: 25px;
	left: 155px;
	width: 70px;
	height: 38px;
	background: url(../images/recharge-gifts.png?v=20141016) no-repeat;
	background-size: 100%
}

.yuanxiao {
	position: absolute;
	top: -2;
	left: 13px;
	width: 40%;
	height: 100%;
	z-index: 2;
	background: #fff;
	cursor: pointer
}

.yuanxiao img {
	height: 100%
}

.account-icon {
	display: inline-block;
	width: 18px;
	height: 30px;
	line-height: 30px;
	background-position: -4px -30px;
	vertical-align: top
}

.bet-sure .account-icon {
	margin-top: 10px
}

.za-dan {
	position: absolute;
	top: 14px;
	left: 155px;
	width: 60px;
	height: 60px;
	background: url(../images/zadan.gif) no-repeat;
	background-size: 100%
}

.bit {
	position: absolute;
	top: 20px;
	left: 155px;
	width: 80px;
	height: 48px
}

@media screen and (max-width:640px) {
	#index {
		background-color: #fff
	}
	.header {
		display: none
	}
	#index .header {
		display: block;
		height: 54px
	}
	#index .logo {
		left: 8px;
		top: 11px;
		width: 94px;
		height: 32px;
		padding-right: 54px;
		background-position: 0 1px;
		background-size: 94px 32px
	}
	.logo-o2o {
		top: 4px;
		width: 52px;
		height: 16px;
		background-size: 52px 16px
	}
	.logo-attach {
		width: 78px
	}
	.recharge-gift {
		top: 14px;
		left: 90px;
		width: 48px;
		height: 26px
	}
	.za-dan {
		top: 4px;
		left: 90px;
		width: 42px;
		height: 42px
	}
	.bit {
		position: absolute;
		top: 10px;
		left: 90px;
		width: 40px;
		height: 24px
	}
}

.nav {
	height: 48px;
	background-color: #e5233f;
	line-height: 48px
}

.nav2 {
	background-color: #be0000
}

#confirm .nav {
	display: none
}

.nav-in {
	position: relative;
	max-width: 960px;
	margin: 0 auto
}

.nav li {
	float: left
}

.nav li a {
	float: left;
	height: 100%;
	padding: 0 12px;
	border-left: 1px solid #c40924;
	color: #fff;
	text-align: center
}

.nav2 li a {
	border-right: 1px solid #d37d7d;
	border-left: 1px solid maroon
}

.nav li:first-child a {
	border-left: none
}

.nav li:last-child a {
	border-right: none
}

.nav .nav-cur {
	border-right-color: #c40924;
	background-color: #c40924
}

.nav-user {
	position: absolute;
	right: 24px;
	top: 0;
	background-color: #e5233f;
	color: #fff;
	text-align: right
}

.nav2 .nav-user {
	background-color: #be0000
}

.nav-user a {
	color: #fff
}

.nav-user .nu-name {
	float: left;
	max-width: 112px;
	margin-right: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nav-user span {
	margin: 0 16px
}

.nav-user .nu-recharge {
	float: left;
	margin-right: 16px;
	padding-left: 20px;
	background: url(../images/nu-recharge.png) no-repeat 0 50%;
	color: #ffde00
}

.nav-user .nu-user {
	float: left;
	padding-left: 20px;
	background: url(../images/nu-user.png?v=20141014) no-repeat 0 50%;
	color: #ffde00
}

@media screen and (max-width:719px) {
	.nav-user {
		padding-left: 12px
	}
	.nav-user .nu-name {
		width: 56px
	}
}

@media screen and (max-width:640px) {
	.nav {
		display: none;
		height: 42px;
		font-size: 16px;
		line-height: 42px
	}
	.nav li {
		width: 20%
	}
	.nav li a {
		display: block;
		position: relative;
		float: none;
		border-right: none
	}
}

.top {
	display: none;
	position: relative;
	z-index: 11;
	height: 48px;
	background-color: #e5233f;
	color: #fff
}

.top2 {
	background-color: #454545
}

.top3 {
	background-color: #be0000
}

.top4 {
	background-color: #202022
}

.top-in {
	position: relative;
	max-width: 960px;
	margin: 0 auto
}

.back {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	padding-left: 26px;
	background-position: 12px -96px;
	color: #fff;
	line-height: 48px
}

.top h1 {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 48px
}

.logo-top {
	display: inline-block;
	height: 48px;
	padding-left: 40px;
	background: url(../images/logo-top.png) no-repeat 0 50%;
	background-size: 36px 21px
}

.top-right {
	position: absolute;
	right: 12px;
	top: 0;
	color: #fff;
	line-height: 48px
}

.top .em3 {
	color: #fffbb7
}

.top-home,
.top-refresh {
	position: absolute;
	top: 0;
	width: 48px;
	height: 48px
}

.top-home {
	right: 0
}

.top-refresh {
	right: 48px;
	background-position: 0 -48px
}

.tl-btn {
	position: absolute;
	left: 10px;
	top: 12px
}

.tr-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 78px;
	height: 48px;
	background-color: #fef087;
	text-align: center;
	line-height: 48px;
	color: #f24f4f;
	font-size: 16px
}

.tr-help {
	position: absolute;
	right: 12px;
	top: 12px;
	color: #fff
}

@media screen and (max-width:640px) {
	.top {
		display: block
	}
}

.wrap {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 320px 20px 0
}

.wrap2 {
	max-width: 960px;
	padding-right: 0
}

.main {
	float: left;
	width: 100%
}

.side {
	float: right;
	width: 320px;
	margin-right: -320px
}

.banner {
	position: relative;
	overflow: hidden;
	margin-top: 20px
}

#index .banner {
	padding-right: 180px
}

.banner-in {
	width: 200%
}

.banner-trans {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}

.banner-in a {
	float: left;
	width: 50%
}

.banner img {
	width: 100%
}

#index .banner img {
	max-height: 181px
}

.banner-dot {
	position: absolute;
	left: 50%;
	width: 24px;
	bottom: 5px;
	margin-left: -102px;
	text-align: center;
	font-size: 0;
	line-height: 0
}

.banner-dot span {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 3px;
	background-color: #aeaeae;
	vertical-align: top;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.banner-dot .bd-cur {
	background-color: #fff
}

.banner-help {
	position: absolute;
	right: 0;
	top: 0;
	width: 178px;
	bottom: 0;
	border: 1px solid #dadada;
	background-color: #fdf6ec
}

.banner-help .lh-help a {
	display: block;
	height: 36px;
	padding: 27px 0;
	border-bottom: 1px solid #dadada
}

.banner-help .lh-help:last-child a {
	border-bottom: none
}

@media screen and (max-width:960px) {
	#index .banner {
		padding-right: 0
	}
	.banner-help {
		display: none
	}
	.banner-dot {
		margin-left: -12px
	}
}

.nav-small {
	border-bottom: 1px solid #dadada;
	background-color: #fff
}

.nav-small li {
	float: left;
	width: 20%
}

.nav-small a {
	display: block;
	height: 30px;
	padding-top: 30px;
	background-image: url(../images/nav.png?v=20161117);
	background-repeat: no-repeat;
	background-size: 22px 292px;
	text-align: center;
	line-height: 24px
}

.ns0 {
	background-position: 50% -246px
}

.ns1 {
	background-position: 50% 4px
}

.ns2 {
	background-position: 50% -46px
}

.ns3 {
	background-position: 50% -96px
}

.ns4 {
	background-position: 50% -146px
}

.ns6 {
	background-position: 50% -196px
}

.info-bar2 {
	position: relative
}

.info-bar li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.info-bar2 li {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}

.info-bar a {
	display: block;
	font-size: 14px;
	line-height: 42px
}

.info-bar2 .ib2-cur {
	opacity: 1;
	filter: alpha(opacity=100)
}

.info-bar-no {
	height: 20px
}

@media screen and (max-width:640px) {
	.info-bar {
		border-bottom: 1px solid #dadada;
		background-color: #fff
	}
	.info-bar-no {
		height: 0
	}
}

.notice {
	position: relative;
	height: 42px;
	overflow: hidden
}

.notice ul {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.notice-trans {
	-webkit-transition: all linear .5s;
	-moz-transition: all linear .5s;
	-o-transition: all linear .5s;
	-ms-transition: all linear .5s;
	transition: all linear .5s
}

.zone {
	margin-top: 20px;
	border: 1px solid #dadada;
	background-color: #fff
}

.zone-mgt0 {
	margin-top: 0
}

.side .zone {
	margin-left: 10px
}

.zone h1 {
	position: relative;
	padding-left: 16px;
	border-bottom: 1px solid #dadada;
	font-size: 16px;
	font-weight: 400;
	line-height: 44px
}

.zone-more {
	position: absolute;
	right: 16px;
	top: 0;
	color: #3f8af0
}

.daren-banner img {
	width: 100%
}

.quick-bet {
	border: 1px solid #eaeaea;
	background-color: #fff
}

.quick-bet-tab {
	border-bottom: 1px solid #eaeaea
}

.quick-bet-tab li {
	float: left;
	width: 50%
}

.quick-bet-tab div {
	width: 118px;
	height: 34px;
	margin: 0 auto;
	padding-top: 3px;
	border-bottom: 3px solid #fff;
	text-align: center;
	line-height: 34px;
	cursor: pointer
}

.quick-bet-tab .quick-bet-cur {
	border-bottom-color: #e5233f;
	color: #e5233f
}

.quick-bet-vs li {
	float: left;
	width: 33.33%
}

.quick-bet-item {
	padding: 20px 0 17px;
	text-align: center;
	cursor: pointer
}

.quick-bet-itemcur {
	background: url(../images/quick-bet-itemcur.png?v=20160811) no-repeat 50% 50%;
	background-size: 105px 55px;
	color: #e5233f
}

.quick-bet-item div {
	border-right: 1px solid #eaeaea
}

.quick-bet-lastitem div {
	border-right: none
}

.quick-bet-team {
	height: 20px;
	font-size: 16px;
	line-height: 20px
}

.quick-bet-team span {
	margin-left: 2px
}

.quick-bet-sp {
	padding-top: 4px;
	color: #898989;
	font-size: 12px;
	line-height: 16px
}

.quick-bet-itemcur .quick-bet-sp {
	color: #e5233f
}

.quick-bet-bottom {
	position: relative;
	height: 48px;
	padding-left: 16px;
	line-height: 48px
}

.quick-bet-txt {
	width: 50px
}

.quick-bet-btn {
	position: absolute;
	right: 16px;
	top: 6px;
	width: 100px;
	height: 36px;
	line-height: 36px
}

.quick-bet-ssq {
	position: relative;
	height: 71px;
	padding: 6px 16px 0
}

.quick-bet-top {
	height: 30px;
	line-height: 30px
}

.quick-bet-top span {
	margin-left: 10px;
	color: #898989;
	font-size: 12px
}

.quick-bet-ani {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin-right: 6px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	-webkit-border-radius: 15px;
	border-radius: 15px
}

.quick-bet-ani ul {
	position: absolute;
	left: 0;
	top: -990px;
	width: 30px;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all ease-in .8s;
	-moz-transition: all ease-in .8s;
	-o-transition: all ease-in .8s;
	-ms-transition: all ease-in .8s;
	transition: all ease-in .8s
}

.quick-bet-blue ul {
	top: -480px
}

.quick-bet-number li {
	width: 30px;
	height: 30px
}

.quick-bet-red {
	background-color: #e5233f
}

.quick-bet-blue {
	background-color: #3f8af0
}

.quick-bet-refresh {
	position: absolute;
	right: 16px;
	top: 36px;
	width: 30px;
	height: 30px;
	background: url(../images/quick-bet-refresh.png) no-repeat;
	background-size: 30px 30px;
	cursor: pointer
}

@media screen and (max-width:640px) {
	.quick-bet {
		margin-top: 10px;
		border-right: none;
		border-left: none
	}
}

.lottery-hot {
	margin-top: 20px;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada
}

.lottery-hot li {
	float: left;
	width: 33.33%;
	border-top: 1px solid #dadada;
	background-color: #fff
}

.lottery-hot li:nth-child(3n) {
	width: 33.34%
}

.lottery-hot a,
.lottery-hot span {
	position: relative;
	display: block;
	padding: 16px 0;
	border-right: 1px solid #dadada
}

.lh-block {
	width: 136px;
	margin: 0 auto
}

.lh-pic {
	float: left
}

.lh-pic img {
	width: 47px;
	height: 47px
}

.lh-dl {
	float: left;
	width: 85px;
	overflow: hidden;
	padding-left: 4px
}

.lh-dl h3 {
	padding-top: 3px;
	font-size: 14px;
	font-weight: 400
}

.lh-info {
	height: 18px;
	overflow: hidden;
	color: #898989;
	font-size: 12px
}

.lottery-tip {
	position: absolute;
	right: 4px;
	top: 4px;
	background: url(../images/lottery-tip.png?v=20161223) no-repeat;
	background-size: 53px 86px
}

.lottery-tip1 {
	width: 53px;
	height: 15px;
	background-position: 0 0
}

.lottery-tip2 {
	width: 42px;
	height: 15px;
	background-position: 0 -15px
}

.lottery-tip3 {
	right: 0;
	top: 0;
	width: 29px;
	height: 13px;
	background-position: 0 -60px
}

.lottery-tip4 {
	width: 33px;
	height: 15px;
	background-position: 0 -30px
}

.lottery-tip5 {
	top: 0;
	right: 0;
	width: 29px;
	height: 13px;
	background-position: 0 -45px
}

.lottery-tip6 {
	top: 0;
	right: 0;
	width: 29px;
	height: 13px;
	background-position: 0 -73px
}

.lottery-hot-tip {
	position: absolute;
	left: 50%;
	top: 5px;
	width: 33px;
	height: 30px;
	margin-left: -68px;
	background: url(../images/lottery-hot-tip.png?v=20160909) no-repeat;
	background-size: 33px 80px
}

.lottery-hot-tip1 {
	background-position: 0 -40px
}

.lottery-hot-tip2 {
	background-position: 0 0
}

.lottery-hot .lh-help {
	display: none
}

.lh-help a {
	color: #af946d;
	line-height: 18px
}

.lh-help .lh-pic img {
	width: 47px;
	height: 47px
}

.lh-help .lh-dl {
	padding-top: 5px
}

@media screen and (max-width:960px) {
	.lottery-hot .lh-help {
		display: block
	}
}

.lw-title {
	position: relative;
	padding-left: 30px;
	background: url(../images/lw-title.png) no-repeat;
	background-size: 13px 120px;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px
}

.lw-title1 {
	background-position: 12px 0
}

.lw-title2 {
	background-position: 12px -40px
}

.lw-title3 {
	background-position: 12px -80px
}

.lottery-activity {
	position: static;
	color: #898989;
	font-size: 14px;
	line-height: 40px
}

a.lottery-activity {
	color: #af946d
}

.lottery {
	margin: 0 0 1px
}

.lottery li {
	float: left;
	width: 16.66%;
	background-color: #fff
}

.lottery li:nth-child(6n) {
	width: 16.67%
}

.lottery a,
.lottery span {
	display: block;
	position: relative;
	height: 38px;
	overflow: hidden;
	margin: 0 0 -1px -1px;
	padding-left: 1px;
	border: 1px solid #dadada;
	text-align: center;
	text-overflow: ellipsis;
	line-height: 38px;
	white-space: nowrap
}

.lottery .lottery-stop,
.version-switch {
	color: #898989
}

@media screen and (max-width:960px) {
	.lottery-wrap {
		margin-top: 10px;
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		background-color: #fff
	}
	.lottery {
		margin-bottom: 0
	}
	.lottery li {
		width: 33.33%
	}
	.lottery li:nth-child(3n) {
		width: 33.34%
	}
	.lottery li:nth-child(3n) a,
	.lottery li:nth-child(3n) span {
		border-right: none
	}
}

.area {
	margin-top: 20px
}

.area h1 {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px
}

.ah-sub {
	margin-left: 10px;
	color: #898989;
	font-size: 12px
}

.area h1 a {
	position: absolute;
	right: 16px;
	top: 0;
	color: #3f8af0
}

.area-tab {
	padding: 0 10px
}

.zone .area-tab {
	padding-top: 10px;
	border-bottom: 1px solid #eaeaea
}

.area-tab li {
	float: left;
	width: 33.33%;
	text-align: center
}

.area-tab2 li {
	width: 50%
}

.area-tab12 li {
	width: 33%
}

.area-tab12 .at-li12 {
	width: 34%
}

.area-tab13 li {
	width: 22%
}

.area-tab13 .at-li13 {
	width: 34%
}

.area-tab span {
	display: inline-block;
	padding: 0 4px 18px;
	cursor: pointer
}

.area-tab .at-cur {
	border-bottom: 2px solid #f24f4f;
	color: #f24f4f;
	cursor: default
}

.area-tab .at-cur2 {
	cursor: pointer
}

.at-cur2 img {
	margin-top: -2px
}

.area-con {
	margin: 20px 10px 0;
	border: 1px solid #dadada;
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.area-con2 {
	margin-top: 0
}

.area-con3 {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	background-color: #fff
}

.area-list a,
.list-nolink {
	display: block;
	border-bottom: 1px solid #dadada;
	line-height: 44px
}

.list-nolink {
	background: 0 0
}

.area-list li:last-child a,
li:last-child .list-nolink {
	border-bottom: none
}

.area-list2 .list-nolink,
.area-list2 a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

.area-list2 h3 {
	font-size: 14px;
	font-weight: 400
}

.area-item {
	position: relative;
	padding: 6px 12px 6px 86px;
	border-bottom: 1px solid #dadada
}

.area-item-em {
	padding-left: 12px
}

.area-info1 .area-item {
	min-height: 24px;
	line-height: 24px
}

.area-info2 .area-item {
	min-height: 32px;
	line-height: 32px
}

.area-info2 .area-item-rlink {
	padding-right: 72px
}

.area-info3 .area-item {
	padding: 0;
	line-height: 32px
}

.area-info1 .area-item3 {
	padding-right: 72px;
	line-height: 32px
}

.area-info2 .area-item2,
.area-info3 .area-item2 {
	line-height: 24px
}

.area-info1 .area-item-noh5,
.area-info2 .area-item-noh5 {
	padding-right: 12px;
	padding-left: 12px
}

.area-item:last-child {
	border-bottom: none
}

.ai-center {
	position: relative;
	width: 200px;
	margin: 0 auto;
	padding: 6px 12px 6px 86px
}

.ai-center3 {
	padding-top: 0;
	padding-bottom: 0
}

.area-item-noh5 .ai-center {
	width: 274px;
	padding-left: 12px
}

.area-item h5 {
	position: absolute;
	left: 12px;
	top: 6px;
	width: 72px;
	color: #898989;
	font-size: 14px;
	font-weight: 400;
	text-align: right
}

.area-item-em h5 {
	position: static;
	width: auto;
	color: #404141;
	text-align: left
}

.ai-rlink {
	float: right;
	width: 60px;
	margin-right: -60px;
	color: #3f8af0;
	text-align: right
}

.area-item .txt {
	width: 100%;
	vertical-align: top
}

.area-item .btn {
	display: block;
	width: 100%;
	margin: 12px 0;
	vertical-align: top
}

.area-tip {
	display: block;
	margin-top: 6px;
	color: #898989;
	font-size: 12px;
	line-height: 14px
}

@media screen and (max-width:640px) {
	.area-item-fixed {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		height: 34px;
		margin-top: 0;
		padding: 5px 0;
		border-top: 1px solid #dadada;
		background-color: #f4f4f5
	}
	.area-item-fixed:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -7px;
		z-index: 1000;
		height: 6px;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(2, 2, 2, .08)));
		background: -webkit-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -moz-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -ms-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -o-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: linear-gradient(top, transparent, rgba(2, 2, 2, .08))
	}
	.area-item-fixed a.btn {
		margin: 0
	}
}

@media screen and (max-width:319px) {
	.area-info3 .area-item {
		padding: 6px 12px 6px 86px
	}
	.area-info3 .area-item-noh5 {
		padding-left: 12px
	}
	.area-info3 .ai-center {
		position: static;
		width: auto;
		padding: 0
	}
}

.coop-area .zone-con a {
	position: relative;
	padding-left: 76px
}

.ca-processper {
	position: absolute;
	left: 0;
	top: 10px;
	width: 66px;
	height: 36px;
	border-right: 1px solid #dadada;
	color: #f24f4f;
	font-size: 30px;
	text-align: center;
	line-height: 36px
}

.ca-processper span {
	font-size: 8px
}

.ca-intro h3 {
	line-height: 16px
}

.ca-intro div {
	margin-top: 6px;
	color: #898989;
	font-size: 12px;
	line-height: 14px
}

.coop-level {
	display: inline;
	position: relative;
	float: left;
	width: 18px;
	height: 14px;
	margin-left: -21px;
	background: url(../images/coop-level.png?v=20170607) no-repeat;
	background-size: 18px 522px
}

.coop-level2 {
	background-position: 0 -350px
}

.coop-level span {
	position: absolute;
	right: -3px;
	bottom: 0;
	width: 12px;
	height: 8px;
	font-size: 0;
	text-indent: 0;
	text-align: center;
	line-height: 0
}

.coop-level span i {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 -1px;
	background-image: url(../images/coop-level.png?v=20170607);
	background-repeat: no-repeat;
	background-size: 18px 522px;
	text-align: center
}

.cl-number0 {
	background-position: 0 -18px
}

.cl-number1 {
	background-position: 0 -34px
}

.cl-number2 {
	background-position: 0 -50px
}

.cl-number3 {
	background-position: 0 -66px
}

.cl-number4 {
	background-position: 0 -82px
}

.cl-number5 {
	background-position: 0 -98px
}

.cl-number6 {
	background-position: 0 -114px
}

.cl-number7 {
	background-position: 0 -130px
}

.cl-number8 {
	background-position: 0 -146px
}

.cl-number9 {
	background-position: 0 -162px
}

.coop-level2 .cl-number0 {
	background-position: 0 -366px
}

.coop-level2 .cl-number1 {
	background-position: 0 -382px
}

.coop-level2 .cl-number2 {
	background-position: 0 -398px
}

.coop-level2 .cl-number3 {
	background-position: 0 -414px
}

.coop-level2 .cl-number4 {
	background-position: 0 -430px
}

.coop-level2 .cl-number5 {
	background-position: 0 -446px
}

.coop-level2 .cl-number6 {
	background-position: 0 -462px
}

.coop-level2 .cl-number7 {
	background-position: 0 -478px
}

.coop-level2 .cl-number8 {
	background-position: 0 -494px
}

.coop-level2 .cl-number9 {
	background-position: 0 -510px
}

.startlotto h3 {
	font-size: 14px;
	font-weight: 400
}

.startlotto h3 span {
	margin-left: 8px;
	color: #898989
}

.startlotto p {
	color: #f24f4f
}

.startlotto p b {
	color: #3f8af0
}

.startlotto p span {
	margin: 0 8px;
	color: #404141
}

.startlotto-bg p b {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 4px 4px 0 0;
	background-position: 0 -96px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	vertical-align: top
}

.startlotto-bg p span {
	margin: 0
}

.startlotto-bg p span b {
	background-position: 0 -120px
}

.startlotto-bg p span b i {
	display: inline-block;
	height: 22px;
	padding-top: 2px;
	font-style: normal;
	line-height: 10px
}

.startlotto-bg .sb-sport b {
	width: 14px;
	height: 20px;
	background: #f24f4f;
	line-height: 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.startlotto-bg2 p b {
	background: url(../images/startlotto-bg2.png) no-repeat;
	background-size: 24px 144px
}

.startlotto-bg2 .slb1 {
	background-position: 0 0
}

.startlotto-bg2 .slb2 {
	background-position: 0 -24px
}

.startlotto-bg2 .slb3 {
	background-position: 0 -48px
}

.startlotto-bg2 .slb4 {
	background-position: 0 -72px
}

.startlotto-bg2 .slb5 {
	background-position: 0 -96px
}

.startlotto-bg2 .slb6 {
	background-position: 0 -120px
}

.startlotto-pl .pl-list {
	padding: 0
}

.startlotto-pl .pl-list li {
	padding: 6px 12px 6px 0;
	border-bottom: 1px solid #dadada
}

.startlotto-pl .pl-list li:last-child {
	border-bottom: none
}

.pl-b {
	display: inline-block;
	width: 60px;
	text-align: center
}

.pl-b2 {
	color: #8dcc20
}

.news-em {
	color: #af946d
}

.index-help {
	margin-top: 20px;
	padding-right: 10px
}

.index-help li {
	float: left;
	width: 33.33%
}

.index-help a {
	display: block;
	position: relative;
	height: 38px;
	overflow: hidden;
	margin-left: 10px;
	border: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	line-height: 38px;
	white-space: nowrap
}

.index-dl-qrcode {
	padding: 25px 0;
	text-align: center
}

.index-dl-qrcode img {
	width: 130px;
	margin-bottom: 5px
}

@media screen and (max-width:960px) {
	.lottery-hot li,
	.lottery-hot li:nth-child(3n) {
		width: 50%
	}
	.lottery-hot a,
	.lottery-hot span {
		width: auto
	}
	.lottery-hot li:nth-child(2n) a,
	.lottery-hot li:nth-child(2n) span {
		border-right: none
	}
	.lottery li {
		width: 33.33%
	}
	.lottery a,
	.lottery span {
		width: auto
	}
}

@media screen and (max-width:640px) {
	.wrap {
		padding-right: 0;
		padding-bottom: 10px
	}
	#index .wrap {
		background-color: #ebebeb
	}
	.main {
		float: none
	}
	.side {
		float: none;
		width: auto;
		margin-right: 0
	}
	.banner {
		margin-top: 0
	}
	.lottery-hot {
		margin-top: 10px
	}
	.zone {
		margin-top: 10px;
		border-right: none;
		border-left: none
	}
	.zone-mgt0 {
		margin-top: 0
	}
	.side .zone {
		margin-left: 0
	}
	.zone-smgt0 {
		margin-top: 0
	}
	.area {
		margin-top: 15px
	}
	.area-tab span {
		padding-bottom: 8px
	}
	.area-con {
		margin-top: 10px
	}
	.area-con2 {
		margin-top: 0
	}
	.index-help {
		margin-top: 10px
	}
	.index-dl-qrcode {
		display: none
	}
}

.footer {
	padding-bottom: 20px;
	text-align: center;
	line-height: 28px
}

#confirm .footer,
#sport-bet .footer {
	display: none
}

.footer a {
	color: #3f8af0
}

.footer .em {
	color: #f24f4f
}

.footer-bar {
	height: 44px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background-color: #fdf6ed;
	line-height: 44px
}

.fb-feedback {
	margin: 0 8px
}

.footer-info {
	margin-top: 16px
}

.footer-link {
	display: inline
}

.footer-link span {
	margin: 0 10px
}

.footer-safe {
	display: inline;
	margin-left: 24px
}

.footer-safe a {
	margin-left: 10px
}

.footer-version span {
	margin: 0 10px
}

@media screen and (max-width:640px) {
	.footer-info {
		margin-top: 8px
	}
	.footer-link {
		display: block
	}
	.footer-safe {
		display: block;
		margin-left: 0
	}
	#bet .footer,
	#sport-bet .footer {
		display: none
	}
}

.top h1 span {
	padding-right: 20px;
	background-position: 100% -538px;
	cursor: pointer
}

.bet-top {
	position: relative;
	margin: 20px 0 0 20px
}

.bet-top h1 {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px
}

.bet-content {
	position: relative
}

#sport-bet .bet-content {
	padding-bottom: 72px
}

.bet-play {
	position: relative;
	margin-top: 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.bet-play ul {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada
}

.bet-play li {
	float: left;
	height: 30px;
	font-size: 12px;
	line-height: 30px
}

.bet-play a {
	position: relative;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0 8px;
	line-height: 30px
}

.bet-play .bet-play-cur {
	background-color: #f24f4f;
	color: #fff
}

.play-bonus {
	position: absolute;
	left: 50%;
	top: -12px;
	z-index: 1;
	width: 22px;
	height: 20px;
	margin-left: -11px;
	background: url(../images/play-bonus.png) no-repeat
}

.play-new {
	position: absolute;
	right: -6px;
	top: -2px;
	width: 22px;
	height: 9px
}

@media screen and (max-width:640px) {
	.play-bonus {
		left: auto;
		right: 0;
		top: 0;
		width: 21px;
		height: 21px;
		margin-left: 0;
		background: url(../images/lottery-tip3.png) no-repeat;
		background-size: 21px 21px
	}
	.play-new {
		left: 50%;
		top: 4px;
		margin-left: 20px
	}
}

.tr-setting {
	padding-left: 18px;
	background-position: 0 -478px
}

.bet-pick .tr-setting {
	position: absolute;
	right: 20px;
	top: 0;
	background-position: 0 -860px;
	background-size: 72px 1148px;
	color: #3f8af0;
	line-height: 48px
}

.top-setting {
	display: none;
	position: absolute;
	top: 110px;
	left: 0;
	z-index: 100;
	width: 100%
}

.top-setting2 {
	top: 70px
}

.top-setting ul {
	position: absolute;
	right: 8px;
	top: 0;
	width: 98px;
	border: 1px solid #dadada;
	background-color: #fff
}

.top-setting a {
	display: block;
	height: 40px;
	border-bottom: 1px solid #dadada;
	text-align: center;
	line-height: 40px
}

.top-setting li:last-child a {
	border-bottom: none
}

.top-setting .ts-cur {
	margin: -1px -1px 0;
	border: 1px solid #f24f4f;
	background: #fff url(../images/sel-cur.png) no-repeat 100% 100%;
	background-size: 14px 13px
}

.pass-lottery {
	display: none
}

.pl-chart li {
	height: 24px;
	border-bottom: 1px solid #dadada;
	background-color: #f4f4f5;
	font-size: 12px;
	text-align: center;
	line-height: 24px
}

.pl-chart li:nth-child(2n) {
	background-color: #fff
}

.pl-chart li:first-child {
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0
}

.pl-chart li:last-child {
	border-bottom: none;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px
}

.pl-chart h6 {
	float: left;
	font-size: 12px;
	font-weight: 400
}

.pl-chart10 h6 {
	width: 10%
}

.pl-chart11 h6 {
	width: 12%
}

.pl-chart div {
	position: relative;
	float: left;
	color: #898989
}

.pl-chart10 div {
	width: 9%
}

.pl-chart11 div {
	width: 8%
}

.pl-chart13 div {
	width: 7.69%
}

.pl-chart .make-lottery {
	width: auto;
	padding-left: 20px;
	border-left: 1px solid #dadada;
	font-size: 14px
}

.pl-chart p {
	border-left: 1px solid #dadada
}

.pl-cur {
	background: url(../images/pass-lottery.png) no-repeat 50% 0;
	background-size: 18px 48px;
	color: #fff;
	text-align: center
}

.pl-cur2 {
	background-position: 50% -24px
}

.pl-many {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 11px;
	height: 11px;
	margin: -10px 0 0 2px;
	background: url(../images/pass-lottery-many.png) no-repeat;
	background-size: 11px 11px;
	color: #fff;
	font-size: 10px;
	line-height: 11px
}

.pl-list {
	padding: 4px 0
}

.pl-list span {
	color: #f24f4f
}

.pl-list span i {
	color: #898989;
	font-style: normal
}

.pl-list .pl-i2 {
	color: #3f8af0
}

.bet-time {
	position: absolute;
	right: 12px;
	top: 0;
	color: #898989;
	line-height: 30px
}

.bet-time em {
	color: #f24f4f;
	font-style: normal
}

.pl-arrow {
	position: absolute;
	left: 50%;
	bottom: -12px;
	width: 42px;
	height: 12px;
	margin-left: -21px;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #dadada;
	background-color: #f7f7f7;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 5px #dadada;
	-moz-box-shadow: 0 0 5px #dadada;
	-o-box-shadow: 0 0 5px #dadada;
	-ms-box-shadow: 0 0 5px #dadada;
	box-shadow: 0 0 5px #dadada
}

.pl-arrow:before {
	content: "";
	position: absolute;
	left: -6px;
	top: -5px;
	width: 54px;
	height: 6px;
	background-color: #f7f7f7
}

.pl-arrow i {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% -460px
}

.pl-arrow2 i {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.bet-sift {
	position: absolute;
	right: 12px;
	top: 0;
	color: #3f8af0;
	font-size: 14px;
	line-height: 30px
}

.sift {
	position: absolute;
	left: 0;
	top: 70px;
	bottom: 0;
	z-index: 11;
	width: 100%
}

.sift2 {
	top: 36px
}

.sift-shade {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4
}

.sift-con {
	position: relative;
	z-index: 1;
	margin: 20px;
	padding-top: 18px;
	background-color: #fafafa
}

.sift-sc {
	margin: 0 18px;
	border-right: 1px solid #dadada
}

.sift-sc p {
	float: left;
	width: 33.33%
}

.sift-sc a {
	display: block;
	height: 40px;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #dadada;
	background-color: #fff;
	text-align: center;
	line-height: 40px
}

.sift ul {
	margin: 18px 0
}

.sift li {
	float: left;
	width: 33.3%
}

.sift b {
	display: block;
	height: 37px;
	overflow: hidden;
	margin-bottom: -1px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
	line-height: 37px;
	cursor: pointer
}

.sift li:nth-child(3n+2) b {
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2
}

.sift .sift-cur {
	background: #e5e5e5 url(../images/sel-cur2.png) no-repeat 100% 100%;
	color: #e5233f;
	background-size: 17px 15px
}

.sift-btn {
	margin-top: 30px;
	border-top: 1px solid #e2e2e2;
	text-align: center
}

.sift-btn a {
	display: inline-block;
	width: 50%;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
	border: 0
}

.sift-btn a.cancel {
	background-color: #fafafa
}

.bet-pick {
	position: relative
}

.bet-pick2 {
	margin-top: 6px
}

.bet-fold {
	position: relative;
	left: 0;
	top: 0;
	height: 36px;
	border-bottom: 1px solid #eaeaea;
	background-color: #F4F4F4;
	background-position: 100% -308px;
	color: #ae946f;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}

.bet-fold2 {
	background-position: 100% -344px
}

.bet-area {
	padding-top: 8px
}

#sport-bet .bet-area {
	padding-top: 0;
	margin-bottom: 48px
}

.related-data {
	padding-top: 20px
}

.bet-chart,
.bet-random {
	position: absolute;
	right: 12px;
	top: 10px;
	padding-left: 18px;
	background-position: 0 -393px;
	color: #ae946f;
	line-height: 34px;
	cursor: pointer
}

.bet-random2 {
	right: 86px
}

.bet-chart {
	width: 65px;
	height: 34px;
	padding-left: 0;
	background: url(../images/chart-icon.png?v=20170427) no-repeat center center;
	background-size: 65px 23px
}

.bet-chart a {
	display: block;
	width: 100%;
	height: 100%
}

.bet-tip {
	padding: 12px 0 8px 20px;
	color: #898989;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px
}

.related-data .bet-tip {
	padding-top: 0;
	padding-bottom: 20px
}

.bet-tip b {
	color: #404141
}

.bet-tip .bt-bonus {
	color: #f24f4f
}

.bt-help {
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 2px solid #ae946f;
	margin-left: 2px;
	color: #ae946f;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	cursor: pointer;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.bet-line {
	position: relative;
	margin: 0 20px;
	padding-left: 32px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.bet-line3 {
	padding-left: 0;
	margin-left: 8px
}

.bet-line6 {
	padding-left: 46px
}

.bet-line h3 {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 36px
}

.related-data .bet-line h3 {
	top: 0
}

.rd-title {
	display: none;
	position: absolute;
	left: 0;
	top: 48px;
	width: 36px;
	height: 22px;
	background-position: 0 -190px;
	color: #fff;
	font-size: 12px;
	text-indent: 2px;
	line-height: 22px
}

.rd-title2 {
	height: auto
}

.related-data .rd-title {
	display: block;
	top: 38px
}

.rd-title span {
	display: block;
	height: 21px;
	width: 36px;
	line-height: 21px;
	cursor: pointer
}

.rd-title .rdt-last {
	color: #898989;
	background-color: #f4f4f5
}

.bet-cell {
	float: left;
	width: 36px;
	margin: 12px 0 0 12px;
	text-align: center
}

.related-data .bet-cell {
	margin-top: 0
}

.bet-cell b {
	display: block;
	height: 36px;
	background-position: 50% 0;
	line-height: 36px;
	cursor: pointer
}

.bet-cell .bet-cur {
	background-position: 50% -36px;
	color: #fff
}

.bet-line2 .bet-cell .bet-cur {
	background-position: 50% -72px
}

.bet-cell .bet-cur2 {
	background-position: 50% -108px;
	color: #fff
}

.bet-line2 .bet-cell .bet-cur2 {
	background-position: 50% -108px
}

.bet-cell .bd-set {
	color: #ae946f
}

.bet-cell .bd-set2 {
	background-position: 50% -108px;
	color: #fff
}

.bet-cell span {
	display: block;
	color: #898989;
	line-height: 24px
}

.bet-cell .em {
	color: #f24f4f
}

.bet-cell .minor {
	color: #3f8af0
}

.bet-cell .bt-set,
.bet-cell .bt-set-all {
	display: block;
	width: 56px;
	margin-left: -11px;
	line-height: 56px;
	font-weight: 400;
	cursor: pointer;
	color: #ae946f;
	background: url() no-repeat center center;
	-webkit-background-size: 46px 23px;
	background-size: 46px 23px
}

.bet-row {
	padding: 12px 0;
	border-bottom: 1px solid #dadada
}

.bet-row dl {
	float: left;
	width: 22%;
	color: #898989;
	font-size: 12px;
	text-align: center;
	line-height: 16px
}

.bet-row2 dl {
	margin-top: 20px
}

.bet-row dd,
.bet-row dt {
	height: 16px;
	overflow: hidden
}

.bet-row .br-index {
	width: 24px;
	height: 24px;
	margin: 8px auto;
	background: url(../images/br-index.png) no-repeat;
	background-size: 24px 24px
}

.br-con {
	position: relative;
	float: left;
	width: 78%
}

.br-vs {
	padding-bottom: 3px;
	text-align: center
}

.br-vs span {
	display: inline-block;
	width: 39%;
	vertical-align: top;
	position: relative;
	min-width: 110px
}

.br-vs-left {
	padding-right: 21px
}

.br-vs-right {
	padding-left: 21px
}

.br-vs span b {
	display: inline-block;
	margin-left: 2px
}

.br-vs .minor {
	display: inline-block;
	vertical-align: top
}

.br-vs-icon-left {
	position: absolute;
	right: 10px;
	top: 4px
}

.br-vs-icon-right {
	position: absolute;
	left: 10px;
	top: 4px
}

.br-zone {
	margin: 0 8px;
	padding-right: 50px
}

.br-con2 .br-zone {
	padding-right: 0
}

.br-zone1,
.br-zone2 {
	margin: 0
}

.br-zone5,
.br-zone7 {
	position: relative;
	padding: 0 89px 0 13px
}

div.br-zone4-nodan,
div.br-zone7-nodan {
	padding-right: 0
}

div.br-zone5-nodan {
	padding-right: 39px
}

.br-title {
	position: absolute;
	left: 0;
	top: 0;
	width: 12px;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: #dadada;
	background: url(../images/hh-title.png?v=20150608) no-repeat;
	background-size: 84px 61px
}

.br-title1 {
	height: 61px
}

.br-title2 {
	height: 272px;
	background-color: #2ca8cf;
	background-position: -12px 50%
}

.br-title3 {
	height: 61px;
	background-color: #a0be00;
	background-position: -24px 50%
}

.br-title4 {
	height: 61px;
	background-position: -36px 50%
}

.br-title5 {
	height: 155px;
	background-color: #2ca8cf;
	background-position: -48px 50%
}

.br-title6 {
	height: 31px;
	background-color: #a0be00;
	background-position: -60px 50%
}

.br-title7 {
	height: 93px;
	background: url(../images/hh-title2.png) no-repeat;
	background-size: 12px 93px
}

.br-title8 {
	height: 116px;
	background-color: #ff8a00;
	background-position: -72px 50%
}

.br-zone ul {
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada
}

.br-zone1 ul,
.br-zone2 ul {
	margin: 0 8px
}

.br-zone5 ul,
.br-zone7 ul {
	position: relative;
	z-index: 1
}

.br-zone li {
	float: left;
	text-align: center
}

.br-zone1 li {
	width: 33.33%
}

.br-zone2 li {
	width: 50%
}

.br-zone3 li {
	width: 20%
}

.br-zone4 li {
	width: 25%
}

.br-zone5 li {
	width: 33.33%
}

.br-zone6 li,
.br-zone7 li {
	width: 50%
}

.br-zone8 li {
	width: 33.33%
}

.br-item {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.br-item-no {
	color: #898989;
	cursor: default
}

.br-guest-order,
.br-home-order {
	color: #898989;
	font-size: 12px;
	font-style: normal
}

.br-zone1 span,
.br-zone2 span {
	display: block;
	height: 40px;
	padding: 9px 0;
	line-height: 20px
}

.br-zone2 i {
	font-style: normal
}

.br-zone3 .br-item,
.br-zone8 .br-item {
	height: 32px;
	padding: 3px 0
}

.br-zone3 .br-item p,
.br-zone8 .br-item p {
	line-height: 18px
}

.br-zone3 .br-item .minor,
.br-zone8 .br-item .minor {
	font-size: 12px;
	line-height: 14px
}

.br-zone4 .br-item,
.br-zone5 .br-item,
.br-zone6 .br-item,
.br-zone7 .br-item {
	height: 30px;
	line-height: 30px
}

.br-zone5 .br-item {
	white-space: nowrap;
	font-size: 12px
}

.br-zone7-nodan .br-item {
	height: 40px;
	line-height: 20px;
	padding: 3px 0
}

.br-zone1 .br-item b,
.br-zone2 .br-item b {
	display: block;
	height: 20px;
	overflow: hidden
}

.br-zone4 .br-item span,
.br-zone5 .br-item span,
.br-zone6 .br-item span,
.br-zone7 .br-item span {
	margin-left: 6px;
	color: #898989
}

.br-zone5 .br-item span {
	margin-left: 3px
}

.br-zone4 li:last-child .br-item span {
	margin-left: 2px
}

.br-zone7-nodan .br-item span {
	margin-left: 0
}

.br-cur {
	background: #f24f4f;
	color: #fff
}

.br-cur b,
.br-cur i,
.br-cur span,
.br-zone3 .br-cur .minor,
.br-zone4 .br-cur span,
.br-zone5 .br-cur span,
.br-zone6 .br-cur span,
.br-zone7 .br-cur span,
.br-zone8 .br-cur .minor {
	color: #fff
}

.br-more {
	background-color: #fff;
	text-align: center;
	cursor: pointer
}

.br-zone3 .br-more,
.br-zone8 .br-more {
	height: 30px;
	overflow: hidden;
	border: 1px solid #dadada;
	color: #898989;
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.br-zone5 .br-more,
.br-zone7 .br-more {
	position: absolute;
	right: 50px;
	top: 0;
	width: 38px;
	height: 52px;
	padding: 9px 0 0 6px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #dadada
}

.br-zone5-nodan .br-more {
	right: 0
}

.br-zone .br-more-cur {
	background: #f24f4f;
	color: #fff
}

.br-zone3 .br-more-cur,
.br-zone8 .br-more-cur {
	border-color: #f24f4f
}

.br-dan {
	position: absolute;
	right: 8px;
	top: 0;
	width: 40px;
	height: 54px;
	border: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	line-height: 54px;
	cursor: pointer
}

.br-con2 .br-dan {
	display: none
}

.br-dan-no {
	background: #eaeaea;
	color: #898989
}

.br-dan-cur {
	border-color: #f24f4f;
	background: #f24f4f;
	color: #fff
}

.bet-row2 .br-dan {
	top: 24px;
	height: 61px
}

.bet-row3 .br-dan {
	height: 58px
}

.br-nosupport {
	position: absolute;
	left: 21px;
	right: 41px;
	z-index: 10;
	height: 30px;
	background-color: #fff;
	color: #898989;
	text-align: center;
	line-height: 30px
}

.br-nosupport1 {
	top: 1px
}

.br-nosupport2 {
	top: 32px
}

.box-br .br-nosupport1,
.box-br .br-nosupport2 {
	right: 1px
}

.box-br {
	position: absolute;
	left: 20px;
	right: 20px;
	top: 0;
	z-index: 1000;
	max-width: 960px;
	margin: 0 auto;
	padding: 4px 0 0;
	background-color: #f4f4f5
}

.box-br .br-vs {
	padding-top: 8px
}

.box-br .br-zone {
	position: relative;
	margin-top: 8px;
	padding-right: 0;
	padding-left: 20px
}

.box-br .br-zone5,
.box-br .br-zone7 {
	padding-right: 0
}

.box-br .br-item {
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada
}

.box-br-btn {
	border-top: 1px solid #e2e2e2;
	margin-top: 24px;
	text-align: center
}

.box-br .btn,
.box-br .cancel {
	display: inline-block;
	width: 50%;
	margin: 0;
	height: 50px;
	line-height: 50px
}

.bet-selection {
	margin-top: 30px
}

.bs-btn {
	text-align: center
}

.bs-btn a,
.bs-btn span {
	display: inline-block;
	width: 98px;
	height: 30px;
	margin: 0 5px;
	border: 1px solid #dadada;
	background-color: #fff;
	line-height: 30px;
	vertical-align: top;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.bet-basket {
	height: 160px;
	overflow-y: scroll;
	margin: 20px 10px 0;
	padding: 8px 0;
	border: 1px solid #dadada;
	background-color: #fff
}

.bet-item {
	padding: 4px 50px 4px 16px;
	font-size: 16px
}

.bet-item p {
	float: left;
	color: #f24f4f;
	word-wrap: normal;
	word-break: normal
}

.bet-item em {
	color: #404141;
	font-style: normal
}

.bet-item p b {
	color: #3f8af0
}

.bet-item p span {
	margin-left: 32px;
	color: #404141;
	font-style: normal
}

.bet-item p i {
	color: #b73c3c;
	font-style: normal
}

.bet-item b i {
	color: #3f8af0
}

.bet-del {
	float: right;
	width: 12px;
	height: 12px;
	margin: 6px -24px 0 0;
	background-position: 0 -230px;
	cursor: pointer
}

.history-compare {
	height: 36px;
	margin: -1px 10px 0;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	background-color: #eee;
	color: #ae946f;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}

.hc-con {
	margin: -25px 0 0;
	padding: 12px 0 0;
	background-color: #f4f4f5
}

.hc-con .hc-con-data {
	padding: 0 4px
}

.hc-nl {
	position: relative;
	padding-left: 72px
}

.hc-nlt {
	position: absolute;
	left: 0;
	top: 0
}

.hc-con table {
	margin-top: 4px
}

.hc-con td,
.hc-con th {
	padding: 4px 0;
	border: 1px solid #dadada;
	font-size: 12px;
	line-height: 14px
}

.hc-con th {
	font-weight: 400
}

.hc-con td {
	text-align: center
}

.hc-tip {
	margin-top: 8px;
	font-size: 12px
}

.hc-con .box-btn {
	margin-top: 12px
}

.hc-red {
	color: #f24f4f
}

.hc-blue {
	color: #3f8af0
}

.digital a {
	display: inline-block;
	width: 32px;
	height: 28px;
	border: 1px solid #dadada;
	background-color: #fff;
	color: #636363;
	font-size: 24px;
	text-align: center;
	line-height: 24px;
	vertical-align: top;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.digital input {
	width: 54px;
	height: 28px;
	margin: 0 -1px;
	border: 1px solid #dadada;
	color: #636363;
	text-align: center;
	line-height: 24px;
	vertical-align: top
}

.bet-zq-tip {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 82px;
	height: 42px;
	padding: 4px 50px;
	background-color: rgba(0, 0, 0, .7);
	color: #fff;
	text-align: center;
	line-height: 21px
}

.bzt-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	background: url(../images/ca-close.png) no-repeat 50% 50%;
	background-size: 20px 20px;
	cursor: pointer
}

@media screen and (max-width:640px) {
	.bet-zq-tip {
		bottom: 45px;
		padding-left: 12px
	}
}

.bet-prepare-price {
	width: 100%;
	height: 24px;
	position: fixed;
	left: 0;
	bottom: 96px;
	z-index: 9;
	text-align: center;
	border-top: 1px solid #dadada;
	background-color: #fff
}

.bet-times {
	margin-top: 10px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	background-color: #ededed
}

.bet-times2 {
	position: fixed;
	left: 0;
	bottom: 50px;
	z-index: 10;
	width: 100%
}

.bet-times2:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -7px;
	z-index: 1000;
	height: 6px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(2, 2, 2, .08)));
	background: -webkit-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
	background: -moz-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
	background: -ms-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
	background: -o-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
	background: linear-gradient(top, transparent, rgba(2, 2, 2, .08))
}

.bt-con {
	height: 30px;
	padding: 7px 0;
	text-align: center;
	line-height: 30px
}

#confirm .bt-left {
	position: absolute;
	left: 10px
}

.bt-left {
	display: inline-block;
	width: 112px;
	font-size: 12px;
	text-align: left;
	line-height: 28px;
	vertical-align: top
}

.bt-right {
	position: absolute;
	top: 0;
	right: 12px;
	line-height: 30px
}

.bt-con .digital {
	margin: 0 10px
}

.pass-list {
	padding: 10px 0 5px;
	-webkit-tap-highlight-color: transparent
}

.pass-list2 {
	max-width: 960px;
	margin: 0 auto
}

.pass-list ul {
	padding: 0 6px
}

.pass-list .pl-first {
	padding-bottom: 10px;
	border-bottom: 1px solid #dadada
}

.pl-first:last-child {
	border-bottom: none
}

.pass-list li {
	float: left;
	width: 10%;
	padding-top: 10px
}

.pass-list b {
	display: block;
	height: 34px;
	margin: 0 6px;
	border: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pass-list .pass-cur {
	border-color: #f24f4f;
	background-color: #f24f4f;
	color: #fff
}

.bet-missing {
	position: relative;
	height: 36px;
	overflow: hidden;
	margin: 20px 10px -20px;
	padding: 0;
	border-top: 1px solid #dadada;
	background-color: #fff5f0;
	font-size: 12px
}

@media screen and (max-width:640px) {
	.bet-missing {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 50px;
		z-index: 10;
		margin: 0;
		border-bottom: 1px solid #dadada
	}
}

.bm-kb {
	position: absolute;
	left: 16px;
	top: 8px;
	width: 36px;
	height: 20px;
	background-color: #ae946f;
	color: #fff;
	text-align: center;
	line-height: 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.bm-in {
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.bm-in a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 36px;
	overflow: hidden;
	padding: 0 24px 0 62px;
	line-height: 36px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all ease-in .5s;
	-moz-transition: all ease-in .5s;
	-o-transition: all ease-in .5s;
	-ms-transition: all ease-in .5s;
	transition: all ease-in .5s
}

.bm-in .bm-show {
	opacity: 1;
	filter: alpha(opacity=100)
}

.phase {
	position: relative;
	z-index: 1
}

.phase2 {
	padding-bottom: 55px
}

.phase3 {
	position: fixed;
	left: 0;
	bottom: 45px;
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #dadada;
	background-color: #f4f4f5;
	padding-bottom: 30px
}

#bet .phase {
	padding-top: 30px
}

#bet .phase .phase-close,
.phase3 .phase-close {
	position: absolute;
	left: 16px;
	top: 0;
	color: #3f8af0;
	line-height: 40px
}

#bet .phase .bs-coop {
	position: absolute;
	right: 16px;
	top: 0;
	color: #3f8af0;
	line-height: 40px;
	cursor: pointer
}

.phase-simple {
	font-size: 16px;
	text-align: center;
	line-height: 26px
}

.phase-simple .digital {
	margin: 0 8px
}

.phase-shortcut {
	margin: 10px 10px 0;
	border-left: 1px solid #dadada
}

.phase-shortcut li {
	float: left;
	width: 25%
}

.phase-shortcut b {
	display: block;
	height: 34px;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: center;
	line-height: 34px;
	cursor: pointer;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f5));
	background: -webkit-linear-gradient(top, #fff, #f4f4f5);
	background: -moz-linear-gradient(top, #fff, #f4f4f5);
	background: -ms-linear-gradient(top, #fff, #f4f4f5);
	background: -o-linear-gradient(top, #fff, #f4f4f5);
	background: linear-gradient(top, #fff, #f4f4f5)
}

.phase-shortcut .ps-cur {
	background: #f24f4f;
	color: #fff
}

.phase-tab {
	margin: 10px 10px 0;
	font-size: 12px
}

.phase-tab tr:nth-child(2n+1) {
	background-color: #fff
}

.phase-tab td,
.phase-tab th {
	padding: 4px 0;
	line-height: 26px
}

.phase-tab th {
	background-color: #eaeaea;
	font-weight: 400
}

.phase-tab td {
	text-align: center
}

.pt1 {
	width: 9%
}

.pt2 {
	width: 12%
}

.pt3 {
	width: 35%
}

.pt4 {
	width: 13%
}

.pt5 {
	width: 15%
}

.pt6 {
	width: 17%
}

.phase-tab th input {
	width: 32px;
	height: 24px;
	margin-right: 6px;
	border: 1px solid #dadada;
	text-align: center;
	line-height: 24px
}

.pt2 div {
	position: relative
}

.pt2 input {
	margin-right: 0
}

.pt2 b {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 23px;
	line-height: 26px
}

.pt3 input {
	margin-left: 20px
}

.phase-tab .digital input {
	width: 32px
}

.pt-ml {
	line-height: 16px
}

.phase-smart {
	line-height: 26px
}

.phase-smart li {
	margin-top: 10px
}

.phase-smart .digital {
	margin: 0 6px 0 12px
}

.profit h3 {
	float: left;
	margin-right: 12px;
	font-size: 12px;
	font-weight: 400
}

.profit div {
	float: left;
	margin-top: -10px
}

.profit p {
	margin-top: 10px
}

.profit-radio {
	margin-right: 6px
}

.profit-txt {
	width: 32px;
	height: 24px;
	margin: 0 6px;
	border: 1px solid #dadada;
	text-align: center;
	line-height: 24px
}

.profit span {
	margin-left: 20px
}

.ps-b {
	font-size: 14px
}

.ps-b .btn {
	display: block;
	margin-top: 10px
}

.bet-sure {
	position: relative;
	height: 50px;
	margin-top: 20px
}

.bs-left {
	position: absolute;
	top: 0;
	left: 12px;
	color: #898989;
	line-height: 50px
}

.bl-btn,
.br-btn {
	position: absolute;
	top: 0;
	width: 100px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
	font-size: 16px
}

.bl-btn {
	left: 0;
	border-right: 1px solid #dadada
}

.bl-btn2 {
	left: 102px
}

.br-btn {
	right: 0;
	background-color: #e5233f;
	color: #fff
}

.bl-btn-bg2 {
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f5), to(#fff));
	background: -webkit-linear-gradient(top, #f4f4f5, #fff);
	background: -moz-linear-gradient(top, #f4f4f5, #fff);
	background: -ms-linear-gradient(top, #f4f4f5, #fff);
	background: -o-linear-gradient(top, #f4f4f5, #fff);
	background: linear-gradient(top, #f4f4f5, #fff)
}

.bet-sure p {
	text-align: center
}

.bet-total-coop {
	line-height: 50px
}

.bet-total-large {
	font-size: 16px;
	line-height: 50px
}

.bet-total-medium,
.bet-total-small {
	display: none
}

.bet-sure .bet-total-small2 {
	line-height: 18px;
	padding: 7px 0
}

.bet-total-small2 span {
	display: block
}

.bet-sure p span {
	color: #898989;
	font-size: 12px
}

.bet-total-large span {
	margin-right: 16px
}

.bet-multi-wrap {
	font-style: normal
}

.bet-sure-fixed {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	height: 50px;
	margin-top: 0;
	padding: 0;
	border-top: 1px solid #dadada;
	background-color: #fff
}

.bet-sure-fixed:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -7px;
	z-index: 1000;
	height: 6px;
	background: 0 0
}

.bsf-in {
	position: relative;
	max-width: 960px;
	margin: 0 auto
}

.bet-sure-fixed .bl-btn,
.bet-sure-fixed .br-btn,
.bet-sure-fixed .bs-left {
	top: 0
}

.bet-sure-fixed .br-btn {
	right: 0
}

.bs-cb {
	position: absolute;
	left: 42px;
	top: 6px
}

.bs-cb #cb,
.cb {
	margin-right: 8px
}

#confirm .bs-cb {
	left: 10px;
	top: 11px
}

.coop-buy-all {
	left: 0;
	color: #f24f4f
}

.startlotto .minor h3,
.startlotto .minor p,
.startlotto .minor p b,
.startlotto .minor p span {
	color: #898989
}

.win .area-con {
	padding: 12px 0
}

.win li {
	padding: 6px 12px;
	line-height: 24px
}

.bet-success {
	text-align: center
}

.bs-pic {
	position: relative;
	width: 36px;
	height: 36px;
	margin: 0 auto;
	border: 5px solid #429a12;
	overflow: hidden;
	-webkit-border-radius: 23px;
	border-radius: 23px
}

.bs-pic-cover {
	position: absolute;
	right: 1px;
	top: 1px;
	width: 34px;
	height: 34px;
	background-color: #f4f4f5;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	-webkit-transition: width .6s linear;
	-moz-transition: width .6s linear;
	-o-transition: width .6s linear;
	-ms-transition: width .6s linear;
	transition: width .6s linear
}

.bs-pic img {
	display: block;
	margin: 7px 0 0 7px
}

.bs-text {
	margin-top: 6px;
	color: #429a12;
	font-size: 18px
}

@media screen and (max-width:768px) {
	.pass-list li {
		width: 12.5%
	}
	.bs-left {
		left: 12px
	}
	.bl-btn {
		left: 0
	}
	.br-btn {
		right: 0
	}
	.bet-total-large {
		display: none
	}
	.bet-total-medium {
		display: block;
		font-size: 14px;
		line-height: 18px;
		padding: 7px 0
	}
	.bet-total-medium span {
		display: block
	}
}

@media screen and (min-width:641px) and (max-width:886px) {
	#bet .bet-sure .bl-btn {
		width: 40px;
		line-height: 18px;
		padding: 7px 10px;
		font-size: 14px;
		height: 36px
	}
	#bet .bet-sure .bl-btn2 {
		left: 60px
	}
}

@media screen and (min-width:641px) {
	.bet-content,
	.top-setting {
		height: auto!important
	}
	.bet-sure {
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada
	}
}

@media screen and (max-width:640px) {
	#sport-bet .bet-content,
	.bet-content {
		padding-bottom: 40px
	}
	#sport-bet .coop-prepare .bet-content,
	.bet-content {
		padding-bottom: 75px
	}
	.bet-content2 {
		padding-bottom: 72px
	}
	.bet-play {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 11;
		margin-top: 0;
		border: none;
		background-color: rgba(0, 0, 0, .4)
	}
	.bet-play ul {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 0;
		border-bottom: none;
		border-left: 1px solid #dadada;
		background-color: #f4f4f5
	}
	.bet-play li {
		width: 33.33%;
		height: auto
	}
	.bet-play a {
		display: block;
		float: none;
		height: 40px;
		margin: 0;
		padding: 0;
		border-right: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
		background-color: #fff;
		font-size: 14px;
		text-align: center;
		line-height: 40px
	}
	.bet-play .bet-play-cur {
		-webkit-border-radius: 0;
		border-radius: 0
	}
	.bet-time {
		position: relative;
		right: 0;
		z-index: 1;
		height: 26px;
		border-bottom: 1px solid #dadada;
		background-color: #f7f7f7;
		font-size: 14px;
		text-align: center;
		line-height: 26px;
		-webkit-box-shadow: 0 0 5px #dadada;
		-moz-box-shadow: 0 0 5px #dadada;
		-o-box-shadow: 0 0 5px #dadada;
		-ms-box-shadow: 0 0 5px #dadada;
		box-shadow: 0 0 5px #dadada
	}
	.sift {
		top: 0
	}
	.bet-pick2 {
		margin-top: 0
	}
	.bet-area {
		padding: 14px 0 20px;
		border-bottom: 1px solid #dadada
	}
	.bet-pick .tr-setting {
		right: 12px
	}
	.top-setting {
		top: 0;
		background-color: rgba(0, 0, 0, .4)
	}
	.related-data {
		padding: 20px 0 16px
	}
	#sport-bet .bet-area {
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 24px
	}
	.bet-area:last-child {
		border-bottom: none
	}
	.bet-tip {
		padding: 6px 0 14px 12px
	}
	.related-data .bet-tip {
		padding-top: 0;
		padding-bottom: 20px
	}
	.bet-line {
		margin: 0 4px 0 12px
	}
	.bet-line3 {
		margin-left: 6px
	}
	.bet-line h3 {
		top: 6px
	}
	.rd-title {
		top: 46px
	}
	.bet-cell {
		margin-top: 6px;
		margin-left: 0
	}
	.bet-cell b,
	.bet-cell span {
		display: block;
		margin: 0 auto
	}
	.bet-cell .bt-set,
	.bet-cell .bt-set-all {
		margin-left: -5px
	}
	.br-zone {
		padding-right: 0
	}
	.br-zone5,
	.br-zone7 {
		padding-right: 39px
	}
	.br-zone5 .br-more,
	.br-zone7 .br-more {
		right: 0
	}
	.br-dan {
		display: none
	}
	.pass-list li {
		width: 16.66%
	}
	.bet-sure {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10;
		height: 50px;
		margin-top: 0;
		padding: 0;
		border-top: 1px solid #dadada;
		background-color: #fff
	}
	.bet-sure:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -7px;
		z-index: 1000;
		height: 6px;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(2, 2, 2, .08)));
		background: -webkit-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -moz-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -ms-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: -o-linear-gradient(top, transparent, rgba(2, 2, 2, .08));
		background: linear-gradient(top, transparent, rgba(2, 2, 2, .08))
	}
	.bl-btn,
	.br-btn,
	.bs-left {
		top: 0
	}
	.bl-btn,
	.bs-left {
		left: 10px
	}
	.br-btn {
		right: 0
	}
	.bet-total-medium {
		display: none
	}
	.bet-total-small {
		display: block;
		font-size: 14px;
		line-height: 50px
	}
	.history-compare {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 50px;
		z-index: 10;
		margin: 0;
		border-top: 1px solid #dadada;
		border-right: none;
		border-bottom: none;
		border-left: none
	}
}

@media screen and (max-width:480px) {
	.pass-list li {
		width: 25%
	}
}

@media screen and (max-width:640px) {
	.bet-cell {
		width: 7.69%
	}
}

@media screen and (max-width:628px) {
	.bet-cell {
		width: 8.33%
	}
	.bet-line3 .bet-cell {
		width: 7.69%
	}
}

@media screen and (max-width:584px) {
	.bet-cell {
		width: 9.09%
	}
	.bet-line3 .bet-cell {
		width: 8.33%
	}
}

@media screen and (max-width:540px) {
	.bet-cell {
		width: 10%
	}
	.bet-line3 .bet-cell {
		width: 9.09%
	}
}

@media screen and (max-width:496px) {
	.bet-cell {
		width: 11.11%
	}
	.bet-line3 .bet-cell {
		width: 10%
	}
}

@media screen and (max-width:452px) {
	.bet-cell {
		width: 12.5%
	}
	.bet-line3 .bet-cell {
		width: 11.11%
	}
}

@media screen and (max-width:408px) {
	.bet-cell {
		width: 14.28%
	}
	.bet-line3 .bet-cell {
		width: 12.5%
	}
}

@media screen and (max-width:364px) {
	.bet-cell {
		width: 16.66%
	}
	.bet-line3 .bet-cell {
		width: 14.28%
	}
}

@media screen and (max-width:319px) {
	.bet-line {
		margin-right: 12px
	}
	.bet-cell {
		width: 36px;
		margin-left: 6px
	}
}

#confirm .bet-time {
	position: relative;
	right: 0;
	z-index: 1;
	height: 26px;
	border-bottom: 1px solid #dadada;
	background-color: #f4f4f5;
	color: #898989;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	-webkit-box-shadow: 0 0 5px #dadada;
	-moz-box-shadow: 0 0 5px #dadada;
	-o-box-shadow: 0 0 5px #dadada;
	-ms-box-shadow: 0 0 5px #dadada;
	box-shadow: 0 0 5px #dadada
}

.confirm-handle {
	margin: 10px 7px 0
}

.confirm-handle li {
	float: left;
	width: 50%
}

.confirm-handle .ch-one {
	width: 100%
}

.confirm-handle a {
	display: block;
	height: 35px;
	margin: 0 3px;
	border: 1px solid #dadada;
	text-align: center;
	line-height: 35px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f5));
	background: -webkit-linear-gradient(top, #fff, #f4f4f5);
	background: -moz-linear-gradient(top, #fff, #f4f4f5);
	background: -ms-linear-gradient(top, #fff, #f4f4f5);
	background: -o-linear-gradient(top, #fff, #f4f4f5);
	background: linear-gradient(top, #fff, #f4f4f5)
}

.confirm-handle b {
	padding-left: 20px;
	background: url(../images/cn-add.png) no-repeat 0 50%;
	background-size: 13px 13px
}

.gcxy {
	margin-top: 10px;
	color: #898989;
	font-size: 12px;
	text-align: center
}

#confirm .gcxy {
	margin-bottom: 130px
}

.gcxy a {
	font-size: 12px;
	color: #ae946f
}

.gcxy-sport {
	position: absolute;
	left: 10px;
	top: 5px;
	margin-top: 0;
	line-height: 35px
}

.confirm-basket {
	margin: 10px 10px 0;
	padding-bottom: 10px;
	border: 1px solid #dadada;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-tap-highlight-color: transparent
}

.confirm-basket2 {
	padding-bottom: 0
}

.confirm-basket .no-record {
	display: none;
	height: 38px;
	padding-top: 10px;
	padding-bottom: 0;
	color: #898989;
	line-height: 38px
}

.confirm-basket2 .no-record {
	padding-bottom: 10px
}

.confirm-basket .no-record:first-child {
	display: block
}

.confirm-item {
	position: relative;
	padding: 10px 12px 0 34px
}

.confirm-item2 {
	padding-right: 34px
}

.confirm-item3 {
	padding: 10px 42px 10px 34px;
	border-top: 1px solid #dadada
}

.confirm-item3-nodan {
	padding-right: 12px
}

.confirm-item3:first-child {
	border-top: none
}

.confirm-del {
	position: absolute;
	left: 0;
	top: 10px;
	width: 34px;
	height: 38px;
	background-position: 12px -217px;
	cursor: pointer
}

.confirm-item2 .confirm-del {
	top: 9px
}

.confirm-item3 .confirm-del {
	top: 13px
}

.confirm-dan {
	position: absolute;
	right: 12px;
	top: 10px;
	width: 20px;
	height: 34px;
	border: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	line-height: 34px;
	cursor: pointer
}

.confirm-dan-cur {
	border-color: #f24f4f;
	background: #f24f4f;
	color: #fff
}

.confirm-dan-no {
	background: #eaeaea;
	color: #898989
}

.confirm-item3 .confirm-dan {
	top: 14px
}

.confirm-item p {
	color: #f24f4f;
	font-size: 18px;
	line-height: 24px;
	word-wrap: normal;
	word-break: normal
}

.confirm-item .ci-o {
	color: #898989;
	font-size: 12px;
	line-height: 14px
}

.confirm-item em {
	color: #404141;
	font-style: normal
}

.confirm-item p b {
	color: #3f8af0
}

.confirm-item p span {
	margin-left: 32px;
	color: #404141;
	font-style: normal
}

.confirm-item p i {
	color: #b73c3c;
	font-style: normal
}

.confirm-item b i {
	color: #3f8af0
}

.confirm-sp {
	float: left;
	width: 100%;
	margin-left: -8px
}

.confirm-sp li {
	float: left;
	width: 33.33%;
	text-align: center
}

.confirm-sp2 li {
	width: 50%
}

.confirm-sp span {
	display: block;
	height: 30px;
	margin-left: 8px;
	padding: 2px 0;
	border: 1px solid #dadada;
	background-color: #fff;
	color: #898989;
	font-size: 12px;
	line-height: 30px;
	cursor: pointer
}

.confirm-sp .cs-cur {
	border-color: #f24f4f;
	background: #f24f4f;
	color: #fff
}

.confirm-sp .cs-cur .em,
.confirm-sp .cs-cur .em2 {
	color: #fff
}

.confirm-sp b {
	display: block;
	height: 15px;
	overflow: hidden;
	line-height: 15px
}

.ci-vs {
	padding-left: 5px
}

.ci-vs span {
	margin: 0 16px;
	color: #898989
}

.ci-value {
	margin-top: 2px;
	padding: 0 5px;
	background-color: #f4f4f5;
	color: #f24f4f;
	line-height: 21px
}

#confirm .bet-advanced {
	display: none;
	position: relative;
	margin-top: 0;
	padding: 20px 10px 65px;
	background-color: #e5e3e3
}

#confirm .ba-issue {
	padding-left: 10px
}

#confirm .ba-issue label {
	margin-left: 20px
}

#confirm .ba-issue label input {
	margin-right: 4px
}

#confirm .bet-advanced table {
	margin-top: 20px
}

#confirm .bet-advanced td,
#confirm .bet-advanced th {
	height: 30px
}

#confirm .bet-advanced th {
	background-color: #d2d2d2;
	font-weight: 400
}

#confirm .bet-advanced td {
	text-align: center
}

#confirm .ba-cell1 {
	width: 10%
}

#confirm .ba-cell2 {
	width: 30%
}

#confirm .ba-cell3 {
	width: 24%
}

#confirm .ba-cell4,
#confirm .ba-cell5 {
	width: 18%
}

#confirm .ba-txt {
	width: 42px;
	height: 24px;
	margin-right: 8px;
	border: 1px solid #dadada;
	background-color: #fff;
	text-align: center;
	line-height: 24px
}

#confirm .ba-txt-dis {
	background-color: #f4f4f5
}

#confirm .bet-sure {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	height: 50px;
	margin-top: 0;
	padding: 0;
	border-top: 1px solid #dadada;
	background-color: #fff
}

#confirm .bet-sure:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -7px;
	z-index: 1000;
	height: 6px;
	background: 0 0
}

#confirm .bl-btn {
	top: 0;
	left: 0
}

#confirm .br-btn {
	top: 0;
	right: 0
}

#confirm .bet-total-small2 {
	display: block
}

.page {
	height: 30px;
	margin-top: 20px;
	text-align: center;
	line-height: 30px
}

.next,
.prev {
	display: inline-block;
	width: 76px;
	height: 28px;
	border: 1px solid #dadada;
	background-color: #fff;
	line-height: 28px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

span.next,
span.prev {
	color: #898989
}

.pages {
	display: inline-block;
	width: 86px;
	height: 30px;
	color: #888;
	line-height: 30px
}

@media screen and (max-width:640px) {
	.page {
		margin-top: 10px
	}
}

.form-item {
	position: relative;
	border-bottom: 1px solid #dadada
}

.form-item:last-child {
	border-bottom: none
}

.form-item-center {
	width: 300px;
	margin: 0 auto
}

.fi-in {
	position: relative;
	padding: 0 48px 0 32px
}

.form-txt {
	display: block;
	width: 100%;
	height: 56px;
	border: none;
	background-color: #fff
}

.icon-member {
	position: absolute;
	background: url(../images/icon-member.png) no-repeat;
	background-size: 26px 240px
}

.icon-member-name {
	left: 10px;
	top: 20px;
	width: 12px;
	height: 16px
}

.icon-member-password {
	left: 10px;
	top: 20px;
	width: 12px;
	height: 16px;
	background-position: 0 -24px
}

.icon-member-code {
	left: 8px;
	top: 20px;
	width: 16px;
	height: 16px;
	background-position: 0 -48px
}

.icon-member-close {
	right: 0;
	top: 0;
	width: 48px;
	height: 56px;
	background-position: 17px -184px;
	cursor: pointer
}

.icon-member-look {
	right: 0;
	top: 0;
	width: 48px;
	height: 56px;
	background-position: 11px -72px;
	cursor: pointer
}

.icon-member-look2 {
	right: 0;
	top: 0;
	width: 48px;
	height: 56px;
	background-position: 11px -128px;
	cursor: pointer
}

.form-item-mgc .fi-in {
	padding-right: 120px
}

.member-get-code {
	position: absolute;
	right: 0;
	top: 8px;
	width: 108px;
	height: 40px;
	border-left: 1px solid #dadada;
	color: #e86000;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

.member-btn .btn {
	display: block;
	width: 280px;
	height: 44px;
	margin: 30px auto 0;
	font-size: 16px
}

.member-btn a {
	display: block;
	width: 278px;
	height: 42px;
	margin: 20px auto 0;
	border: 1px solid #dadada;
	background-color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.member-find-link {
	width: 280px;
	margin: 20px auto 0;
	text-align: right
}

.member-find-link a {
	color: #ae946f;
	font-size: 16px
}

.member-login-other {
	width: 268px;
	margin: 20px auto 0;
	line-height: 40px
}

.member-login-other a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	background-image: url(../images/member-login-other.png?v=20150303);
	background-repeat: no-repeat;
	background-size: 40px 120px;
	vertical-align: middle
}

.member-sina {
	background-position: 0 -40px
}

.member-zfb {
	background-position: 0 -80px
}

.member-server {
	margin-top: 20px;
	text-align: center
}

.member-server a {
	color: #ae946f
}

.ird-con li {
	border-bottom: 1px solid #ccc
}

.ird-con li:last-child {
	border-bottom: none
}

.ird-con li.ird-th {
	background-color: #dbdbdb
}

.ird-con a {
	display: block
}

.ird-con div {
	float: left;
	text-align: center;
	line-height: 36px
}

.ird1 {
	width: 17%
}

.ird2 {
	width: 24%
}

.ird3,
.ird4 {
	width: 10%
}

.ird5 {
	width: 21%
}

.ird6 {
	width: 18%
}

.ac-btns {
	float: left;
	width: 50%
}

.ac-btns a.btn {
	width: auto;
	margin: 0 12px
}

.ac-btns2 .btn {
	height: 32px;
	border: 1px solid #dadada;
	color: #404141;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f5));
	background: -webkit-linear-gradient(top, #fff, #f4f4f5);
	background: -moz-linear-gradient(top, #fff, #f4f4f5);
	background: -ms-linear-gradient(top, #fff, #f4f4f5);
	background: -o-linear-gradient(top, #fff, #f4f4f5);
	background: linear-gradient(top, #fff, #f4f4f5)
}

.rm-record {
	cursor: pointer
}

@media screen and (max-width:951px) {
	.ird-con li {
		padding: 6px 0 6px 12px
	}
	.ird-con div {
		width: 33.33%;
		text-align: left;
		line-height: 24px
	}
	.ird-th {
		display: none
	}
	.ird4,
	.ird5,
	.ird6 {
		color: #999;
		font-size: 14px
	}
}

@media screen and (max-width:660px) {
	.ird-con div {
		width: 50%
	}
	.ird3,
	.ird4,
	.ird5,
	.ird6,
	.ird7 {
		color: #898989;
		font-size: 14px
	}
}

.context {
	padding: 12px;
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.context :first-child {
	margin-top: 0
}

.context h1 {
	margin-top: 12px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 36px
}

.context-time {
	margin-bottom: 12px;
	color: #999;
	font-size: 14px;
	text-align: center
}

.context p {
	text-indent: 2em
}

.context a {
	color: #365DB5
}

.context .btn {
	display: block;
	height: 36px;
	margin-top: 12px;
	text-align: center;
	line-height: 36px
}

.bonus-tab {
	max-width: 640px;
	margin: 0 auto;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	background-color: #fff
}

.bonus-tab li {
	float: left;
	width: 33.33%
}

.bonus-tab li a,
.bonus-tab li span {
	display: block;
	width: 80px;
	height: 40px;
	margin: 0 auto;
	padding: 0 2px;
	font-size: 16px;
	text-align: center;
	line-height: 40px
}

.bonus-tab li .bonus-tab-cur {
	margin-bottom: -1px;
	padding-bottom: 0;
	border-bottom: 3px solid #f24f4f;
	color: #f24f4f
}

.bonus-list {
	max-width: 640px;
	margin: 0 auto;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	background-color: #fff
}

.bonus-list-item {
	position: relative;
	padding-right: 64px;
	border-bottom: 1px solid #eaeaea
}

.bonus-list-item:last-child {
	border-bottom: none
}

.bonus-li-main {
	position: relative;
	display: block;
	padding: 16px 20px 16px 64px
}

.bonus-lim-rank {
	position: absolute;
	left: 2px;
	top: 0;
	color: #898989;
	font-size: 16px;
	line-height: 20px
}

.bonus-limr-1,
.bonus-limr-2,
.bonus-limr-3 {
	left: 0;
	width: 25px;
	height: 27px;
	padding-left: 2px;
	background: url(../images/bonus-lim-rank.png) no-repeat;
	background-size: 27px 90px;
	color: #fff
}

.bonus-limr-2 {
	background-position: 0 -30px
}

.bonus-limr-3 {
	background-position: 0 -60px
}

.bonus-lim-pic {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -23px
}

.bonus-lim-pic img {
	width: 46px;
	height: 46px;
	-webkit-border-radius: 23px;
	border-radius: 23px
}

.bonus-lim-main h5 {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px
}

.bonus-limm-describe {
	color: #898989;
	font-size: 12px;
	line-height: 20px
}

.bonus-li-right {
	position: absolute;
	right: 10px;
	top: 50%;
	width: 58px;
	height: 26px;
	margin-top: -14px;
	border: 1px solid #1587df;
	color: #1587df;
	text-align: center;
	line-height: 26px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.bonus-li-right span {
	position: absolute;
	right: -4px;
	top: -10px;
	width: 18px;
	height: 18px;
	background-color: #fb5549;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	-webkit-border-radius: 9px;
	border-radius: 9px
}

.bonus-li-right .bonus-lr-gt10 {
	line-height: 10px
}

.bonus-no-record {
	max-width: 640px;
	margin: 0 auto;
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	background-color: #fff
}

.box-bonus {
	position: relative;
	margin: -24px 0 0 -5px
}

.box-bonus-touch {
	margin-top: -54px
}

.box-bonus-main {
	width: 290px;
	height: 362px;
	padding-top: 29px;
	background: #e5273f url(../images/box-bonus.jpg) no-repeat;
	background-size: 290px 391px;
	color: #fff;
	text-align: center
}

.box-bm-pic img {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	border-radius: 30px
}

.box-bm-name,
.box-bm-rank {
	font-size: 24px
}

.box-bm-bonus {
	font-size: 28px
}

.box-bm-bonus b {
	color: #ffe15b
}

.box-bonus-share {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px
}

.box-bonus-shade a {
	display: block;
	width: 290px;
	height: 45px;
	background-color: #e5273f;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 45px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.box-bonus-close {
	position: absolute;
	right: -16px;
	top: -16px;
	width: 33px;
	height: 33px;
	background: url(../images/box-bonus-close.png) no-repeat;
	background-size: 33px 33px;
	cursor: pointer
}

@media screen and (max-width:660px) {
	.bonus-list,
	.bonus-no-record,
	.bonus-tab {
		border-right: none;
		border-left: none
	}
}

.rank1,
.rank2,
.rank3 {
	background: url(../images/rank.png) no-repeat;
	background-size: 16px;
	text-indent: -9999px
}

.rank1 {
	background-position: left 0
}

.rank2 {
	background-position: left -25px
}

.rank3 {
	background-position: left -50px
}

.hint {
	padding: 20px 12px;
	color: #898989;
	font-size: 12px;
	line-height: 21px
}

.hint h3 {
	color: #3f8af0;
	font-size: 12px;
	font-weight: 400;
	text-align: right;
	cursor: pointer
}

.hint-con {
	margin-top: 10px
}

@media screen and (max-width:640px) {
	.hint {
		padding: 10px 12px
	}
}

.search {
	margin-top: 20px
}

.search select,
.search-btn {
	float: left;
	margin-left: 12px
}

.search select {
	min-width: 80px;
	height: 30px;
	border: 1px solid #dadada;
	line-height: 30px
}

.search .search-btn {
	width: 78px;
	height: 28px;
	border: 1px solid #dadada;
	background-color: #fff;
	color: #404141;
	line-height: 28px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

@media screen and (max-width:640px) {
	.search {
		margin-top: 10px
	}
}

.icon-info {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/icon-info.png) no-repeat;
	background-size: 16px 16px;
	vertical-align: middle
}

.no-record {
	height: 100px;
	text-align: center;
	line-height: 100px
}

.box {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%
}

.box-shade {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .4)
}

.box-con {
	position: absolute;
	left: 50%;
	top: 0;
	width: 280px;
	overflow: hidden;
	margin-left: -140px;
	padding: 24px 0 0;
	background-color: #f4f4f5;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.box-con h3 {
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: 400;
	text-align: center
}

.box-text {
	text-align: center;
	padding: 24px 16px
}

.box-btn {
	border-top: 1px solid #e2e2e2;
	margin-top: 24px;
	text-align: center
}

.box-btn a {
	display: inline-block;
	width: 50%;
	height: 50px;
	margin: 0;
	color: #fff;
	text-align: center;
	line-height: 50px;
	vertical-align: top
}

.bb-sure {
	background-color: #e5233f
}

.box-btn .bb-cancel {
	height: 50px;
	color: #404141;
	line-height: 50px
}

.box-btn .bb-cancel2 {
	background-color: #898989
}

.box-link {
	margin-top: 24px;
	display: inline-block;
	width: 50%;
	border-top: 1px solid #dadada
}

.box-link a {
	display: block;
	height: 48px;
	font-size: 16px;
	text-align: center;
	line-height: 48px
}

.box-link .bb-sure {
	height: 50px;
	background-color: #468b21;
	color: #fff;
	line-height: 50px
}

.box-link .bb-normal {
	display: block;
	height: 48px;
	border-right: 1px solid #dadada;
	background-color: #f4f4f5;
	color: #404141;
	line-height: 48px
}

.shade {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4
}

.tip {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1000;
	width: 178px;
	height: 72px;
	margin: -36px 0 0 -89px;
	background-color: rgba(0, 0, 0, .75);
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 72px
}

.push-bar {
	height: 40px;
	background-color: #6c6c6c;
	text-align: center;
	line-height: 40px
}

.pb-in {
	position: relative;
	max-width: 960px;
	margin: 0 auto
}

.push-bar a {
	color: #fff
}

.push-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(../images/ca-close.png) no-repeat 50% 50%;
	background-size: 20px 20px;
	cursor: pointer
}

.nt-wrap {
	position: relative
}

.new-tips {
	position: absolute;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	background-color: #f24f4f;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 0 #eaeaea
}

.help {
	display: block;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	font-weight: 900;
	line-height: 20px;
	cursor: pointer
}

.large-show {
	display: block!important
}

.large-show-inline {
	display: inline!important
}

.small-show {
	display: none!important
}

@media screen and (max-width:640px) {
	.large-show,
	.large-show-inline {
		display: none!important
	}
	.small-show {
		display: block!important
	}
}

.keep-show {
	display: block!important
}

.keep-hide {
	display: none!important
}

#header {
	background-color: #fff
}

.logo-2016 {
	position: absolute;
	left: 0;
	top: 18px;
	width: 160px;
	height: 50px;
	background: url(../images/logo-hou.jpg) no-repeat;
	background-size: 100% 100%
}

@media (max-width:640px) {
	.logo-2016 {
		top: 2px
	}
}











.context {
    padding: 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.area-con {
    margin: 20px 10px 0;
    border: 1px solid #dadada;
    background-color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.contexts table {
    text-align: center;
    line-height: 28px;
}
table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.contexts th, .contexts td {
    border: 1px solid #ddd;
    text-align: center;
}
.contexts th {
    background: #f4f4f5;
    font-weight: 400;
}
.context :first-child {
    margin-top: 0;
}
